<template>
  <div>
    <h3>这个是Father组件---sync---{{ num }}---{{ num2 }}</h3>
    <!-- :变量名.sync="传入的值" 这个也是语法糖的写法，作用是可以在组件上实现数据与的双向绑定，和v-model的区别：可以绑定多少
     等同于<Son :a="num" :b="num2" @update:a=val=> num=val @update:b="val=> num2=val" />
     -->
    <Son :a.sync="num" :b.sync="num2" />
  </div>
</template>

<script>
import Son from '@/views/demo/sync/son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  },
  methods: {
    hClick() {
      alert('ok')
    }
  }
}
</script>
